<template>
    <RecycleScroller :style="visualViewport"  :buffer="100" :prerender="50"  :items="list" :item-size="32" key-field="id" >
        <template v-slot="{ item, index }">
        <div class="list-item" :key="index">
          <span style="float: left">{{ item.id }}</span>
          <span style="float: right; color: #8492a6; font-size: 13px">{{ item.name }}</span>
        </div>
      </template>
    </RecycleScroller>
</template>
  
<script>
export default {
    name:"VirtualSelect",
    props: {
        list: Array,
        visualViewport:"",
    },
}
</script>
  
<style scoped>
</style>